import { useState } from 'react'

import Comp1 from '@/components/Comp1'
import Comp2 from '@/components/Comp2'

import { Button, Space } from 'antd';
import { StepBackwardOutlined, SyncOutlined, SmileOutlined, LoadingOutlined, HeartTwoTone } from '@ant-design/icons';

function App() {
  const [count, setCount] = useState(0)

  return (
    <div className='App'>
      <h1>顶级组件</h1>
      <div>
        <Comp1></Comp1>
        <Comp2></Comp2>
      </div>

      <h5>ant design 使用</h5>
      <div>
        <Space wrap>
          <Button type="primary">Primary Button</Button>
          <Button>Default Button</Button>
          <Button type="dashed">Dashed Button</Button>
          <Button type="text">Text Button</Button>
          <Button type="link">Link Button</Button>
        </Space>
        <hr />

        <Space>
          <StepBackwardOutlined twoToneColor="#eb2f96" />
          <SyncOutlined spin />
          <SmileOutlined rotate={180} />
          <LoadingOutlined />
          <HeartTwoTone twoToneColor="#eb2f96" style={{fontSize:"40px"}} />
        </Space>
      </div>


    </div>
  )
}

export default App
